<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>艺龙旅游网</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <!--头部-->
        <header class="header">
            <div>
                <div class="header_left">
                    <img src="images/logo.png" alt="">
                </div>
                <div class="header_center">
                    <ul>
                        <li>
                            <a href="#">里程商城</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="#">在线客服</a>
                            <span>|</span>
                        </li>
                        <li>
                            <a href="#">English</a>
                            <i></i>
                        </li>
                    </ul>
                </div>
                <div class="header_right">
                    <ul>
                        <li>
                            <i></i>
                        </li>
                        <li>
                            <P>小程序</P>
                            <p>体验更轻盈</p>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <i></i>
                        </li>
                        <li>
                            <P>手机版</P>
                            <P>专享五折起</P>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <i></i>
                        </li>
                        <li>
                            <P>7×24 客服电话</P>
                            <P>4009-333-333</P>
                        </li>
                        <li>
                            <b></b>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <!--导航-->
        <nav class="nav">
            <div>
                <div class="nav_left">
                    <ul>
                        <li>
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#">国内酒店</a>
                        </li>
                        <li>
                            <a href="#">国际酒店</a>
                        </li>
                        <li>
                            <a href="#">机票</a>
                        </li>
                        <li>
                            <a href="#">火车票</a>
                        </li>
                        <li>
                            <a href="#">汽车票</a>
                        </li>
                        <li>
                            <a href="#">旅游指南</a>
                        </li>
                    </ul>
                </div>
                <i></i>
                <div class="nav_right">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                </div>
            </div>
        </nav>
        <!--轮播-->
        <div class="banner">
            <img src="images/banner.jpg" alt="">
            <div>
                <div class="banner_left">
                    <div class="banner_left_top">
                        <i></i>
                        <a href="#">酒店</a>
                    </div>
                    <div class="banner_left_buttom">
                        <ul>
                            <li>
                                <i></i>
                                <span>机票</span>
                            </li>
                            <li>
                                <i></i>
                                <span>火车票</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="banner_right">
                    <div class="banner_right_top">
                        <a href="#">国内酒店</a>
                        <a href="#">国际酒店</a>
                        <p></p>
                    </div>
                    <div class="banner_right_buttom">
                        <ul>
                            <li>
                                <span>目的地</span>
                                <input type="text" placeholder="北京市">
                            </li>
                            <li>
                                <span>入住</span>
                                <input type="text" placeholder="2018-05-17">
                                <i></i>
                                <span>退房</span>
                                <input type="text" placeholder="2018-05-18">
                                <i></i>
                            </li>
                            <li>
                                <span>关键词</span>
                                <input type="text" placeholder="如位置\酒店名\品牌">
                            </li>
                        </ul>
                        <button class="button1">
                            <i></i>
                            <span>搜索</span>
                        </button>
                        <button class="button2">
                            <i></i>
                            <span>地图搜索</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!--主体内容-->
        <div class="main">
            <div>
                <!--展现你的个性化内容-->
                <div class="main1">
                    <div class="main1_top">
                        <p><i></i></p>
                        <p><a href="#">登录</a>展示你的个性化内容</p>
                    </div>
                    <div class="main1_bottom">
                        <img src="images/hotel1.png" alt=""></li>
                        <img src="images/hotel2.png" alt=""></li>
                        <img src="images/hotel3.png" alt=""></li>
                        <img src="images/hotel4.png" alt=""></li>
                        <img src="images/hotel5.png" alt=""></li>
                        <img src="images/hotel6.png" alt=""></li>
                        <img src="images/hotel7.png" alt=""></li>
                    </div>
                </div>
                <!--目的地指教-->
                <div class="main2">
                    <div class="main2_top">
                        <h2>目的地指教</h2>
                        <h6>覆盖全球75万家酒店，你想住的，我们都有</h6>
                    </div>
                    <p></p>
                    <div class="main2_bottom1">
                        <div class="main2_bottom_top">
                            <i></i>
                            <ul>
                                <li>
                                    <a href="#">国内</a>
                                </li>
                                <li>
                                    <a href="#">登高踏青</a>
                                </li>
                                <li>
                                    <a href="#">小憩温泉</a>
                                </li>
                                <li>
                                    <a href="#">天然氧吧</a>
                                </li>
                                <li>
                                    <a href="#">草原撒欢</a>
                                </li>
                                <li>
                                    <a href="#">小镇时光</a>
                                </li>
                                <li>
                                    <a href="#">美食之城</a>
                                </li>
                                <li>
                                    <a href="#">更多>></a>
                                </li>
                            </ul>
                        </div>
                        <div class="main2_bottom_bottom">
                            <ul>
                                <li>
                                    <img src="images/dgtq2.jpg" alt="">
                                    <h1>黄山</h1>
                                    <p>春意撩人 登高踏青赏春色</p>
                                </li>
                                <li>
                                    <img src="images/dgtq1.jpg" alt="">
                                    <h1>峨眉山</h1>
                                    <p>阳春三月 闻着茶香去峨眉</p>
                                </li>
                                <li>
                                    <img src="images/dgtq4.jpg" alt="">
                                    <h1>五台山</h1>
                                    <p>迎春 祈福 登五台</p>
                                </li>
                                <li>
                                    <img src="images/dgtq3.jpg" alt="">
                                    <h1>庐山</h1>
                                    <p>亲近自然 春游庐山</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="main2_bottom2">
                        <div class="main2_bottom_top1">
                            <i></i>
                            <ul>
                                <li>
                                    <a href="#">海外</a>
                                </li>
                                <li>
                                    <a href="#">文艺清新</a>
                                </li>
                                <li>
                                    <a href="#">面朝大海</a>
                                </li>
                                <li>
                                    <a href="#">别样建筑</a>
                                </li>
                                <li>
                                    <a href="#">浪漫主义</a>
                                </li>
                                <li>
                                    <a href="#">魅力都市</a>
                                </li>
                                <li>
                                    <a href="#">更多>></a>
                                </li>
                            </ul>
                        </div>
                        <div class="main2_bottom_bottom1">
                            <ul>
                                <li>
                                    <img src="images/termini_it1_ld.jpg" alt="">
                                    <h1>伦敦</h1>
                                    <p>风情英伦，帝国余韵</p>
                                </li>
                                <li>
                                    <img src="images/termini_it1_qm.jpg" alt="">
                                    <h1>清迈</h1>
                                    <p>泰北玫瑰，慢行古城</p>
                                </li>
                                <li>
                                    <img src="images/termini_it1_jzd.jpg" alt="">
                                    <h1>济州岛</h1>
                                    <p>最传统的浪漫，最神秘的自然</p>
                                </li>
                                <li>
                                    <img src="images/termini_it1_lm.jpg" alt="">
                                    <h1>罗马</h1>
                                    <p>永恒之城，魅力无限</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--超值特价票-->
                <div class="main3">
                    <h2>超值特价票</h2>
                    <p></p>
                    <div class="main3_buttom_top">
                        <i></i>
                        <ul>
                            <li>
                                <a href="#">机票</a>
                            </li>
                            <li>
                                <a href="#">北京出发</a>
                            </li>
                            <li>
                                <a href="#">上海出发</a>
                            </li>
                            <li>
                                <a href="#">广州出发</a>
                            </li>
                            <li>
                                <a href="#">杭州出发</a>
                            </li>
                            <li>
                                <a href="#">深圳出发</a>
                            </li>
                            <li>
                                <a href="#">成都出发</a>
                            </li>
                            <li>
                                <a href="#">更多>></a>
                            </li>
                        </ul>
                    </div>
                    <div class="main3_buttom_buttom">
                        <ul>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>太原</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月21日</span>
                                    </p>
                                    <p>1.6折</p>
                                    <p>
                                        <span>¥220</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>长春</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月26日</span>
                                    </p>
                                    <p>1.5折</p>
                                    <p>
                                        <span>¥220</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>鄂尔多斯</span>
                                </div>
                                <div>
                                    <p>
                                        <span>06月02日</span>
                                    </p>
                                    <p>2.9折</p>
                                    <p>
                                        <span>¥240</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>烟台</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月27日</span>
                                    </p>
                                    <p>3.6折</p>
                                    <p>
                                        <span>¥250</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>沈阳</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月23日</span>
                                    </p>
                                    <p>2.3折</p>
                                    <p>
                                        <span>¥280</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>青岛</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月16日</span>
                                    </p>
                                    <p>2.1折</p>
                                    <p>
                                        <span>¥300</span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="main3_buttom_top1">
                        <i></i>
                        <ul>
                            <li>
                                <a href="#">火车票</a>
                            </li>
                            <li>
                                <a href="#">北京出发</a>
                            </li>
                            <li>
                                <a href="#">上海出发</a>
                            </li>
                            <li>
                                <a href="#">广州出发</a>
                            </li>
                            <li>
                                <a href="#">深圳出发</a>
                            </li>
                            <li>
                                <a href="#">天津出发</a>
                            </li>
                            <li>
                                <a href="#">厦门出发</a>
                            </li>
                            <li>
                                <a href="#">更多>></a>
                            </li>
                        </ul>
                    </div>
                    <div class="main3_buttom_buttom1">
                        <ul>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>上海</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月18日</span>
                                    </p>
                                    <p>
                                        <span>¥156.5</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京西</span>
                                    <i></i>
                                    <span>太原</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月18日</span>
                                    </p>
                                    <p>
                                        <span>¥72.0</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京西</span>
                                    <i></i>
                                    <span>西安</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月18日</span>
                                    </p>
                                    <p>
                                        <span>¥148.5</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京西</span>
                                    <i></i>
                                    <span>合肥</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月18日</span>
                                    </p>
                                    <p>
                                        <span>¥138.5</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京</span>
                                    <i></i>
                                    <span>杭州</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月18日</span>
                                    </p>
                                    <p>
                                        <span>¥189.5</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <span>北京西</span>
                                    <i></i>
                                    <span>郑州</span>
                                </div>
                                <div>
                                    <p>
                                        <span>05月18日</span>
                                    </p>
                                    <p>
                                        <span>¥93.0</span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--旅游指南-->
                <div class="main4">
                    <div class="main4_top">
                        <h2>旅游指南</h2>
                        <p></p>
                    </div>
                    <div class="main4_center">
                        <div class="main4_center_left">
                            <div class="main4_center_left1">
                                <ul>
                                    <li>
                                        <a href="#">烟雨江南醉杭州 正是问茶时</a>
                                        <i></i>
                                    </li>
                                    <li>
                                        <a href="#">无锡头渚的樱舞飞扬</a>
                                    </li>
                                    <li>
                                        <a href="#">武大樱花 飞扬校园里的青春</a>
                                    </li>
                                    <li>
                                        <a href="#">昆明郁金香 赏花何必去荷兰</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="main4_center_left2">
                                <img src="images/18022803.jpg" alt="">
                            </div>
                        </div>
                        <div class="main4_center_right">
                            <div class="main4_center_right1">
                                <img src="images/18022802.jpg" alt="">
                                <p>全年旅行月历 四季里的12种玩法</p>
                            </div>
                            <div class="main4_center_right2">
                                <img src="images/18022801.jpg" alt="">
                                <p>2018 再赴源油菜花之约</p>
                            </div>
                        </div>
                    </div>
                    <div class="main4_buttom">
                        <ul>
                            <li>
                                <p><i></i></p>
                                <p>全球110万家酒店</p>
                            </li>
                            <li>
                                <p><i></i></p>
                                <p>订酒店返现金高达20%</p>
                            </li>
                            <li>
                                <p><i></i></p>
                                <p>国际酒店8折起</p>
                            </li>
                            <li>
                                <p><i></i></p>
                                <p>7×24小时服务</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--关于艺龙-->
        <div class="send_method">
            <div>
                <div class="send_method_top">
                    <ul>
                        <li>
                            <p></p>
                            <p>加盟合作</p>
                        </li>
                        <li>
                            <p></p>
                            <p>关于艺龙</p>
                        </li>
                        <li>
                            <p></p>
                            <p>艺龙APP下载</p>
                        </li>
                        <li>
                            <p></p>
                            <p>艺龙官方微信</p>
                        </li>
                        <li>
                            <p></p>
                            <p>艺龙官方小程序</p>
                        </li>
                    </ul>
                </div>
                <div class="send_method_buttom">
                    <ul>
                        <li>
                            <p>
                                <a href="#">酒店加盟</a>
                            </p>
                            <p>
                                <a href="#">开放平台</a>
                            </p>
                            <p>
                                <a href="#">代理合作</a>
                            </p>
                            <p>
                                <a href="#">广告服务</a>
                            </p>
                            <p>
                                <a href="#">商家中心</a>
                            </p>
                        </li>
                        <li>
                            <p>
                                <a href="#">酒店大全</a>
                            </p>
                            <p>
                                <a href="#">国际酒店</a>
                            </p>
                            <p>
                                <a href="#">旅行保险</a>
                            </p>
                            <p>
                                <a href="#">校园招聘</a>
                            </p>
                            <p>
                                <a href="#">联系我们</a>
                            </p>
                        </li>
                        <li>
                            <img src="images/download.png" alt="">
                        </li>
                        <li>
                            <img src="images/comweixin.png" alt="">
                        </li>
                        <li>
                            <img src="images/download.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--页脚-->
        <footer class="footer">
            <div>
                <p>©2000-2017北京艺龙信息技术有限公司，eLong,Inc or its affiliates.All Rights Reserved.京ICP证010011号<i></i>京公网安备11010502026059 经营执照</p>
                <ul>
                    <li><img src="images/bottom1.png" alt=""></li>
                    <li><img src="images/bottom2.png" alt=""></li>
                    <li><img src="images/bottom3.png" alt=""></li>
                    <li><img src="images/bottom4.png" alt=""></li>
                    <li><img src="images/bottom5.png" alt=""></li>
                    <li><img src="images/bottom6.png" alt=""></li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>
                        <a href="#">酒店预订</a>
                    </li>
                    <li>
                        <a href="#">机票查询</a>
                    </li>
                    <li>
                        <a href="#">酒店团购</a>
                    </li>
                    <li>
                        <a href="#">热门城市</a>
                    </li>
                    <li>
                        <a href="#">合作伙伴</a>
                    </li>
                    <li>
                        <a href="#">常见酒店</a>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
</body>
</html>